/deep/ .micro-ant-upload-list-picture {
  display: none !important;
}
.again {
  img {
  }
}
.loading {
  position: fixed;
  top: 0%;
  height: 100%;
  width: 100%;
  left: 53%;
}
/deep/ .micro-ant-spin-spinning {
  margin-top: 50vh;
}
.upload-li {
  width: 712px;
  margin-top: 16px;
  height: 56px;
  background: #ffffff;
  border: 1px solid #e1dddd;
  border-radius: 4px;
  display: flex;
  align-items: center;
  img {
    margin: 0 10px;
  }
  .icon {
    width: 32px;
    height: 32px;
  }
  .name {
    width: 134px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .type {
    margin: 0 12px;
  }
  .upload-state {
    width: 130px;
    margin-left: 20px;
    font-size: 14px;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    color: #d6aa56;
  }
  .chengg {
    color: #56d6b7;
  }
  .again {
    display: flex;
    align-items: center;
    span {
      color: #fe8f8f;
    }
  }
  .upload-states {
    cursor: pointer;
    margin-left: 11px;
    font-size: 14px;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    color: red;
  }
  .delete {
    margin-right: 10px;
    width: 60px;
    img {
      cursor: pointer;
    }
  }
  /deep/ .micro-ant-progress-line {
    width: 240px !important;
    margin-left: 19px;
  }
}
.progress-line {
  display: flex;
  width: 65%;
  position: relative;
  top: -45px !important;
  left: 220px !important;
  .size {
    margin: 0 11px;
  }
  /deep/ .micro-ant-progress-line {
    width: 54% !important;
  }
}
/deep/ .micro-ant-upload-list-item-progress {
  display: none;
}

.times {
  display: flex;
  align-items: center;
  /deep/ .micro-ant-picker-range {
    width: 391px !important;
  }
  .tips {
    color: #ff0000;
    margin-right: 8px;
  }
  /deep/ .ant-picker-input > input {
    text-align: center !important;
  }
}
.all-upload {
  // border: 1px solid red;
  max-height: 390px;
  overflow-y: auto;
  &::-webkit-scrollbar {
    width: 3px;
  }
  &::-webkit-scrollbar-thumb {
    background: rgba(20, 20, 20, 0.2);
    border-radius: 3px;
  }
  &::-webkit-scrollbar-track {
    background: transparent;
  }
}
.time-slot {
  display: flex;
  justify-content: flex-end;
  margin-right: 23px;
  margin-top: 8px;
  font-size: 14px;
  color: #999999;
}
.permanent-switch {
  display: flex;
  margin-top: 25px;
  align-items: center;
  .permanent {
    display: flex;
    align-items: center;
    margin-right: 10px;
  }
}
.up-button {
  width: 712px;
  // height: 56px;
  background: #f8f8f8;
  border: 1px solid #e1dddd;
  border-radius: 4px;
  img {
    margin: 16px auto;
  }
}
.ant-upload-picture-card-wrapper {
  min-height: 157.5px;
  max-height: 414px;
  width: 280px;
}
.ant-upload-list-picture-card-container {
  height: 157.5px !important;
  width: 280px !important;
}
.ant-upload-list {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  max-height: 414px;
  width: 712px;
}
.ant-upload-list-picture,
.ant-upload-list-item-error,
.ant-upload-list-picture-card,
.ant-upload-list-item-error {
  border-color: #e1dddd !important;
  background: #f8f8f8;
  width: 712px;
}
.ant-upload-list-picture,
.ant-upload-list-item,
.ant-upload-list-picture-card,
.ant-upload-list-item {
  width: 712px;
}
.ant-upload-list {
  .ant-upload-list-picture .ant-upload-list-item-error {
    border-color: #fff !important;
  }
  .ant-upload-list-item-name {
    color: #222222;
  }
}
.ant-upload-list-item-card-actions {
  right: 14px;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  color: #999;
}
// 注释原因：解决附件上传 样式爆红并有弹窗的问题
// .ifont-wid-Upload_icon_restart:active {
//   color: red;
// }

.uplod {
  margin-top: 8px;
  background: #f8f8f8;
  border-radius: 4px;
  padding: 16px 24px 16px 16px;
  .up-head {
    display: flex;
    align-items: center;
    line-height: 24px;
  }
}
/deep/ .micro-ant-upload-list-item-card-actions.picture {
  font-size: 16px;
}
.form {
  background: #ffffff;
  padding: 24px;
  border-radius: 4px;
  margin-top: 16px;
  .all-upload {
    display: flex;
    overflow: auto;
    flex-wrap: wrap;
  }
  .img-list {
    border-radius: 4px;
    position: relative;
  }
  .uploadings:hover {
    .err-bgss {
      display: block;
    }
    .err-delete-img {
      display: block;
    }
  }
  .uploads:hover {
    .delete-img {
      display: block;
    }
    .bgss {
      z-index: 999 !important;
      display: block;
    }
  }
  .uploads:hover {
    border: 3px solid #d6aa56;
    border-radius: 5px;
  }
  .upload-ings {
    width: 274px;
    height: 152px;
    position: absolute;
    .upload-tips {
      font-size: 14px;
      font-family: Source Han Sans CN, Source Han Sans CN-400;
      font-weight: 400;
      text-align: CENTER;
      color: rgba(0, 0, 0, 0.4);
    }
    .upload-img {
      margin-top: 51px;
      margin-bottom: 8px;
      text-align: CENTER;
    }
  }
  .err-bgss {
    display: none;
    width: 280px;
    height: 159px;
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
  }
  .err-delete-img {
    display: none;
    cursor: pointer;
    .err-look {
      margin-right: 38px;
    }
    // width: 280px;
    height: 15px;
    margin-left: 93px;
    margin-top: 63px;
    img {
      width: 27px;
      height: 27px;
      display: inline-block;
    }
  }
  .uploads,
  .uploadings {
    display: flex;
    width: 280px;
    margin-bottom: 14px;
    height: 158px;
    margin-right: 12px;
    border: 1px dashed rgba(186, 191, 197, 0.4);
    cursor: pointer;
    background: #f2f2f2;
    .bgss {
      display: none;
      width: 274px;
      height: 152px;
      position: absolute;
      background: rgba(0, 0, 0, 0.3);
    }
    .img-width {
      border-radius: 5px;
      // width: 280px !important;
      // height: 151.5px !important;
      margin: 0 auto;
    }
    .delete-img {
      display: none;
      cursor: pointer;
      .look {
        margin-right: 38px;
      }
      // width: 100%;
      height: 15px;
      margin-left: 93px;
      margin-top: 63px;
      img {
        width: 27px;
        height: 27px;
        display: inline-block;
      }
    }

    .upload-content {
      margin: auto;
      align-items: center;
      .ant-upload-text {
        text-align: center;
        height: 16px;
      }
      .tip {
        text-align: center;
        margin-top: 16px;
      }
      .upload-icon {
        display: flex;
        margin: auto;
      }
    }
  }
  .upload {
    display: flex;
    width: 280px;
    margin-right: 13px;
    height: 158px;
    cursor: pointer;
    background: #ffffff;
    border: 1px dashed #e1dddd;
    border-radius: 5px;
    .upload-content {
      margin: auto;
      align-items: center;
      .ant-upload-text {
        text-align: center;
        height: 16px;
      }
      .tip {
        text-align: center;
      }
      .upload-icon {
        width: 26px;
        display: flex;
        // width: 100%;
        margin: auto;
      }
    }
  }
  .statistics {
    align-items: center;
    justify-content: flex-end;
    display: flex;
    margin-top: 16px;
    color: #999999;
    button {
      width: 52px;
      margin-left: 8px;
      height: 24px;
      border: 1px solid #d6aa56;
      border-radius: 4px;
      color: #d6aa56;
    }
    .qingkong:hover {
      border: 1px solid var(--themecolor5);
      color: var(--themecolor5);
    }
  }
  margin-top: 16px;
  .ant-upload {
    width: 280px !important;
    height: 157.5px !important;
    border: 1px dashed #e1dddd !important;
    border-radius: 5px;
    margin-top: 32px;
  }
  .tip {
    color: #999999;
    font-size: 12px;
  }
  .release-name {
    width: 889px;
    margin-top: -4px;
    height: 40px;
    background: #ffffff;
    border: 1px solid #e1dddd;
    border-radius: 4px;
    position: relative;
  }
  .release-name-number {
    position: absolute;
    top: 6px;
    right: 13px;
    color: #c2c2c2;
  }
  .form-describe {
    margin-left: 11px;
    .describe-name {
      width: 889px;
      padding: 16px 12px !important;
      max-height: 224px;
      min-height: 224px;
      background: #ffffff;
      border: 1px solid #d5dae1;
      border-radius: 6px;
    }
    .describe-name-number {
      position: absolute;
      bottom: 10px;
      right: 13px;
      color: #c2c2c2;
    }
  }
  .form-time {
    .time {
      width: 352px;
      height: 40px;
      margin-left: 12px;
      background: #ffffff;
      border: 1px solid #e1dddd;
      border-radius: 4px;
    }
    .ant-input-number-input {
      height: 40px;
      .input {
        height: 40px !important;
      }
    }
    .button-tips {
      font-size: 14px;
      color: #999999;
      margin-left: 12px;
      div {
        margin-top: 8px;
      }
    }
    .color9 {
      color: #999999 !important;
    }
    .color9:hover {
      border: 1px solid var(--themecolor5) !important;
      color: var(--themecolor5) !important;
    }
    button {
      width: 38px !important;
      height: 24px !important;
      padding: 0 !important;
      margin-left: 16px;
    }
  }
}
.upload-list-inline :deep(.ant-upload-list-item) {
  float: left;
  width: 200px;
  margin-right: 8px;
}
.ant-upload-list-picture-card .ant-upload-list-item {
  width: 280px !important;
  height: 158px !important;
}
.upload-list-inline :deep(.ant-upload-animate-enter) {
  animation-name: uploadAnimateInlineIn;
}
.upload-list-inline :deep(.ant-upload-animate-leave) {
  animation-name: uploadAnimateInlineOut;
}
.form .ant-upload {
  margin-top: 0px;
  display: block;
  width: 280px !important;
  height: 158px !important;
}
.upload-title {
  display: flex;
  align-items: center;
}
.publish-tips-dialog {
  .publish-scrollbar {
    width: 100%;
    max-height: 600px;
    overflow-y: auto;
    .content {
      .content-left {
        display: flex;
        align-items: center;
      }
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .equipment-choice {
      cursor: pointer;
      width: 80px;
      text-align: center;
      line-height: 24px;
      height: 24px;
      background: #ffffff;
      font-size: 14px;
      color: #d6aa56;
      border: 1px solid #d6aa56;
      border-radius: 4px;
    }
    .equipment-choices {
      cursor: pointer;
      width: 72px;
      text-align: center;
      line-height: 26px;
      height: 28px;
      background: rgba(254, 143, 143, 0.1);
      font-size: 14px;
      color: #fe8f8f;
      border: 1px solid rgba(254, 143, 143, 0.3);
      border-radius: 4px;
    }
    .equipment-choicess {
      cursor: pointer;
      width: 72px;
      text-align: center;
      line-height: 26px;
      height: 28px;
      background: rgba(86, 214, 183, 0.1);
      font-size: 14px;
      color: #56d6b7;
      border: 1px solid rgba(86, 214, 183, 0.3);
      border-radius: 4px;
    }
    &::-webkit-scrollbar {
      width: 6px;
    }

    &::-webkit-scrollbar-thumb {
      background: rgba(20, 20, 20, 0.2);
      border-radius: 3px;
    }

    &::-webkit-scrollbar-track {
      background: transparent;
    }
  }
  .content {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    .icon {
      display: block;
      width: 20px;
      height: 20px;
      margin: 5px 10px 0 0;
    }
    .icon-warring {
      background: url('../../assets/icons/images/exclamation_icon_circle.png') no-repeat center;
      background-size: 100% 100%;
    }
  }
  .button-tips {
    font-size: 12px;
    color: #999999;
  }
  .three-list {
    display: flex;
  }
  .off-line-equipment-list {
    .equipment-name {
      width: 92px;
      overflow: hidden;
      white-space: nowrap;
      /*文字超出宽度则显示ellipsis省略号*/
      text-overflow: ellipsis;
    }
    .off-line-equipment {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 5px 14px;
      width: 406px;
      max-height: 110px;
      background: #f8f8f8;
      border-radius: 4px;
      margin-bottom: 8px;
      .equipment-state {
        display: flex;
        align-items: center;
        .line {
          margin-right: 4px;
          width: 8px;
          height: 8px;
          background: #999999;
          border-radius: 50%;
        }
        .names-name {
          width: 74px;
          overflow: hidden;
          white-space: nowrap;
          margin-left: 10px;
          text-overflow: ellipsis;
        }
        .names {
          width: 150px;
          overflow: hidden;
          white-space: nowrap;
          margin-left: 10px;
          text-overflow: ellipsis;
        }
        // .namess {
        //   margin-left: 10px;
        //   width: 190px;
        //   overflow: hidden;
        //   white-space: nowrap;
        //   text-overflow: ellipsis;
        // }
      }
      .equipment-choice {
        cursor: pointer;
        width: 80px;
        text-align: center;
        line-height: 24px;
        height: 24px;
        background: #ffffff;
        font-size: 14px;
        color: #d6aa56;
        border: 1px solid #d6aa56;
        border-radius: 4px;
      }
    }
  }
  .time {
    display: flex;
    align-items: center;
    /deep/ .micro-ant-picker-range {
      width: 391px !important;
    }
    .tips {
      color: #ff0000;
      margin-right: 8px;
    }
    /deep/ .ant-picker-input > input {
      text-align: center !important;
    }
  }
  .button-rule {
    margin-top: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 406px;
    height: 30px;
    background: rgba(214, 170, 86, 0.2);
    border-radius: 4px;
    .rule {
      font-size: 14px;
      width: 135px;
      text-align: center;
      color: #d6aa56;
    }
    .rule-active {
      background: #d6aa56;
      color: #ffffff;
      text-align: center;
      line-height: 30px;
      width: 135px;
      height: 30px;
    }
  }
}
.photo-box {
  max-height: 574px;
  overflow-y: auto;
  /deep/ .micro-ant-progress-inner {
    background-color: #fff !important;
  }
  &::-webkit-scrollbar {
    width: 6px;
  }

  &::-webkit-scrollbar-thumb {
    background: rgba(20, 20, 20, 0.2);
    border-radius: 3px;
  }

  &::-webkit-scrollbar-track {
    background: transparent;
  }
}
/deep/ .micro-ant-popover-inner-content {
  padding: 12px 16px;
  max-height: 220px;
  width: 467px !important;
  overflow: auto;
}
.name-style {
  width: 361px;
  overflow: hidden;
  // text-overflow: ellipsis;
  // display: -webkit-box;
  -webkit-line-clamp: 3;
}
.upload-listes {
  display: contents;
}
/deep/ .micro-ant-btn-primary:hover {
  color: #fff !important;
}
/deep/ .micro-ant-btn:focus {
  color: #ffffff !important;
}

.rule-active {
  color: #ffffff !important;
}
/deep/ .micro-ant-input-number-input {
  height: 39px !important;
}
.looks {
  display: flex;
}
/deep/.micro-ant-input:focus {
  box-shadow: 0 0 0 1px var(--themecolor5);
}
.micro-ant-input:focus {
  box-shadow: 0 0 0 1px var(--themecolor5);
}
/deep/ .micro-ant-input-number:active {
  box-shadow: 0 0 0 1px var(--themecolor5) !important;
}
/deep/ .micro-app[name='ysc-info-system'] .micro-ant-input-number:active {
  box-shadow: 0 0 0 1px var(--themecolor5) !important;
}
.micro-app[name='ysc-info-system'] .micro-ant-input-number:active {
  box-shadow: 0 0 0 1px var(--themecolor5) !important;
}
.err-tips {
  width: 24px;
  height: 24px;

  margin: auto;
  margin-bottom: 9.5px !important;
}
/deep/ .micro-ant-input-number-handler-wrap {
  display: none !important;
}
.mg-l8 {
  margin-right: 8px;
}
